@layout("/common/_container.html"){
<style>
    ul{padding: 0;margin: 0;}
    #ulBox{display: flex} #ulBox>li{flex: 1;} #ulBox>li li{margin: 15px 0}
    #ulBox>li span{display: inline-block ; width: 120px;}
    .frameBox{width: 60%;height: 32px;padding-left: 10px;border: 1px solid #cccccc;border-radius: 5px;}
    .btnBox{margin-top: 15px;}
    .btnBox>button{margin: 0;  color: white;  background: #2eadd0;  width: 100px;  font-size: 1em;border: 1px solid #cccccc}
</style>

<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="customerInfoForm">
            <input type="hidden" id="id" value="${customerInfo.id}">
            <input type="hidden" id="reservationsId" value="${customerInfo.reservationsId}">
            <input type="hidden" id="consumptionHabitsValue" value="${customerInfo.consumptionHabits}">
            <input type="hidden" id="consumAbilityValue" value="${customerInfo.consumAbility}">
            <input type="hidden" id="occupationValue" value="${customerInfo.occupation}">
            <input type="hidden" id="charactersValue" value="${customerInfo.characters}">
            <input type="hidden" id="customerSexValue" value="${customerInfo.customerSex}">
            <input type="hidden" id="maritalStatusValue" value="${customerInfo.maritalStatus}">
            <input type="hidden" id="provinceValue" value="${customerInfo.province}">
            <input type="hidden" id="citiesValue" value="${customerInfo.cities}">
            <input type="hidden" id="regionValue" value="${customerInfo.region}">
            <input type="hidden" id="isHaveChildrenValue" value="${customerInfo.isHaveChildren}">
            <input type="hidden" id="fieldTcValue" value="${customerInfo.fieldTc}">
            <input type="hidden" id="isReturnVisitValue" value="${customerInfo.isReturnVisit}">
            <input type="hidden" id="refereeShipValue" value="${customerInfo.refereeShip}">
            <input type="hidden" id="oneChannelValue" value="${customerInfo.oneChannel}">
            <input type="hidden" id="twoChannelValue" value="${customerInfo.twoChannel}">
            <input type="hidden" id="thrChannelValue" value="${customerInfo.thrChannel}">
            <input type="hidden" id="oneMediumValue" value="${customerInfo.oneMedium}">
            <input type="hidden" id="twoMediumValue" value="${customerInfo.twoMedium}">
            <input type="hidden" id="thrMediumValue" value="${customerInfo.thrMedium}">
            <input type="hidden" id="phoneSharShipValue" value="${customerInfo.phoneSharShip}">
            <input type="hidden" id="payservicenameValue" value="${customerInfo.appointmentPayService}">
        </div>
        <div class="row">
            <div class="col-sm-12">
                <ul id="ulBox">
                    <li>
                        <ul>
                            <li>
                                <span>姓名</span>
                                <input type="text" id="customerName" class="frameBox" value="${customerInfo.customerName}">
                            </li>
                            <li>
                                <span>年龄</span>
                                <input type="text" id="customerAge" class="frameBox" value="${customerInfo.customerAge}">
                            </li>
                            <li>
                                <span>身份证号</span>
                                <input type="text" id="idCardNo" class="frameBox" value="${customerInfo.idCardNo}">
                            </li>
                            <li>
                                <span>QQ号</span>
                                <input type="text" id="qqNumber" class="frameBox" value="${customerInfo.qqNumber}">
                            </li>
                            <li>
                                <span>建档人</span>
                                <input type="text" id="archiving" class="frameBox" value="${customerInfo.archiving}" readonly="readonly">
                            </li>
                            <li>
                                <span>咨询项目</span>
                                <select name="appointmentPayService" id="appointmentPayService" class="frameBox"></select>
                            </li>
                            <li>
                                <span>省份</span>
                                <select name="province" id="province" class="frameBox"></select>
                            </li>
                            <li>
                                <span>城市</span>
                                <select name="cities" id="cities" class="frameBox"></select>
                            </li>
                            <li>
                                <span>区域</span>
                                <select name="region" id="region" class="frameBox"></select>
                            </li>
                            <li>
                                <span>地址</span>
                                <input type="text" id="address" class="frameBox" value="${customerInfo.address}">
                            </li>
                            <li>
                                <span>婚姻状况</span>
                                <select name="maritalStatus" id="maritalStatus" class="frameBox">
                                    <option value="0">请选择</option>
                                    <option value="1">已婚</option>
                                    <option value="2">未婚</option>
                                    <option value="3">离异</option>
                                </select>
                            </li>
                            <li>
                                <span>邮编</span>
                                <input type="text" id="zipCode" class="frameBox" value="${customerInfo.zipCode}">
                            </li>

                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <span>电话</span>
                                <input type="text" id="customerPhone" class="frameBox" style="width: 36%" value="${customerInfo.customerPhone}">
                                <select class="frameBox" style="width: 22%" id="phoneSharShip" name="phoneSharShip">
                                    <option value="本人">本人</option>
                                    <option value="爸爸">爸爸</option>
                                    <option value="妈妈">妈妈</option>
                                    <option value="儿子">儿子</option>
                                    <option value="女儿">女儿</option>
                                    <option value="朋友">朋友</option>
                                    <option value="其他">其他</option>
                                </select>
                            </li>
                            <li>
                                <span>性别</span>
                                <select name="customerSex" id="customerSex" class="frameBox">
                                    <option value="1">男</option>
                                    <option value="2">女</option>
                                </select>
                            </li>
                            <li>
                                <span>其他联系方式</span>
                                <input type="text" id="otherContact" class="frameBox"  value="${customerInfo.otherContact}">
                            </li>
                            <li>
                                <span>微信号</span>
                                <input type="text" id="wechatNumber" class="frameBox" value="${customerInfo.wechatNumber}">
                            </li>
                            <li>
                                <span>现场TC</span>
                                <select name="fieldTc" id="fieldTc" class="frameBox"></select>
                            </li>
                            <li>
                                <span>职业</span>
                                <select name="occupation" id="occupation" class="frameBox"></select>
                            </li>
                            <li>
                                <span>一级渠道</span>
                                <select name="oneChannel" id="oneChannel" class="frameBox"></select>
                            </li>

                            <li>
                                <span>二级渠道</span>
                                <select name="twoChannel" id="twoChannel" class="frameBox"></select>
                            </li>
                            <li>
                                <span>三级渠道</span>
                                <select name="thrChannel" id="thrChannel" class="frameBox"></select>
                            </li>
                            <li>
                                <span>消费能力</span>
                                <select name="consumAbility" id="consumAbility" class="frameBox"></select>
                            </li>
                            <li>
                                <span>有无小孩</span>
                                <select name="isHaveChildren" id="isHaveChildren" class="frameBox">
                                    <option value="0">请选择</option>
                                    <option value="1">有</option>
                                    <option value="2">无</option>
                                </select>
                            </li>
                            <li>
                                <span>标识号*</span>
                                <input type="text" id="identificationNumber" class="frameBox" value="${customerInfo.medicalRecordNumber}">
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <span>客户状态</span>
                                <input type="text" name="customerStatus" id="customerStatus" disabled="disabled" class="frameBox" value="${customerInfo.customerStatus}">
                            </li>
                            <li>
                                <span>生日</span>
                                <input type="date" name="birthday" id="birthday" class="frameBox"
                                       onclick="laydate({istime: false, format: 'YYYY-MM-DD'})" value="${customerInfo.birthday}">
                            </li>
                            <li>
                                <span>座机</span>
                                <input type="text" id="fixedTelephone" class="frameBox" value="${customerInfo.fixedTelephone}">
                            </li>
                            <li>
                                <span>Email</span>
                                <input type="text" id="email" class="frameBox" value="${customerInfo.email}">
                            </li>
                            <li>
                                <span>推荐人</span>
                                <input type="text" id="referee" class="frameBox" readonly="readonly" style="width: 46%" value="${customerInfo.referee}">
                                <button class="btn" type="button" style="padding: 2px 10px;" onclick="CustomerInfoDlg.getReferee()">选择</button>
                            </li>
                            <li>
                                <span>与推荐人关系</span>
                                <select name="refereeShip" id="refereeShip" class="frameBox"></select>
                            </li>
                            <li>
                                <span>一级媒介</span>
                                <select name="oneMedium" id="oneMedium" class="frameBox"></select>
                            </li>
                            <li>
                                <span>二级媒介</span>
                                <select name="twoMedium" id="twoMedium" class="frameBox"></select>
                            </li>
                            <li>
                                <span>三级媒介</span>
                                <select name="thrMedium" id="thrMedium" class="frameBox"></select>
                            </li>
                            <li>
                                <span>消费习惯</span>
                                <select name="consumptionHabits" id="consumptionHabits" class="frameBox"></select>
                            </li>
                            <li>
                                <span>性格</span>
                                <select name="characters" id="characters" class="frameBox"></select>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

            <div class="col-sm-12">
                <div>
                    <h3>备注</h3>
                    <textarea id="remarks" name="remarks" rows=5 cols=150>${customerInfo.remarks}</textarea>
                </div>
            </div>

            <div class="col-sm-12">
                <div class="btnBox">
                    <button type="button" class="btn" id="ensure" onclick="CustomerInfoDlg.reconsulSubmitd()">提交</button>
                    <button type="button" class="btn" id="cancel" onclick="CustomerInfoDlg.close()" style="background: #da6792" >取消</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/customer_info.js"></script>
<script src="${ctxPath}/static/js/common/jsAddresss.js"></script>
<script src="${ctxPath}/static/js/common/jsChannel.js"></script>
<script src="${ctxPath}/static/js/common/jsMedium.js"></script>
<script type="text/javascript">
    var regioni = document.getElementById("regionValue").value;
    var provincei = document.getElementById("provinceValue").value;
    var citiesi = document.getElementById("citiesValue").value;
    var oneChanneli = document.getElementById("oneChannelValue").value;
    var twoChanneli = document.getElementById("twoChannelValue").value;
    var thrChanneli = document.getElementById("thrChannelValue").value;
    var oneMediumi = document.getElementById("oneMediumValue").value;
    var twoMediumi = document.getElementById("twoMediumValue").value;
    var thrMediumi = document.getElementById("thrMediumValue").value;
    //初始化下拉渠道列表
    $.post(Feng.ctxPath + "/channel/getChannelsss", function (data) {
        ChannelList = data;
        channelInit('oneChannel', 'twoChannel', 'thrChannel');
    }, "json");
    //初始化下拉媒介列表
    $.post(Feng.ctxPath + "/medium/getMedium", function (data) {
        MediumList = data;
        mediumInit('oneMedium', 'twoMedium', 'thrMedium');
    }, "json");
    addressInit('province', 'cities', 'region');
</script>
@}
